<!--{template header}-->
<!--{template breadcrumb}-->
<div  class="container">
  <div id="main">

  <div class="for-advertise">
    <!--{ad_show(NEWSINFO_HEAD)}-->
  </div>
  <!-- for-advertise end -->

    <div class="article">

      <div class="page-header article-header">
        <h1 class="ws_break">{$arrArtInfo['art_title']}</h1>
        <ul class="article-meta">
          <li>发布时间：<!--{eval echo date('Y年m月d日',$arrArtInfo['pub_time'])}--></li>
          <li>分类：<a href="index.php?do=articlelist&catid={$arrArtInfo['art_cat_id']}">{$arrArtInfo['cat_name']}</a></li>
        </ul>
      </div>


      <div class="article-body ws_break">
        <!--{eval echo kekezu::filter_input(stripslashes($arrArtInfo['content']))}-->

      </div>
      <!-- .article-body end-->
      <div class="article-share">
        <div class="col-sm-8 clearfix">
        <div class="col-sm-10">
          <div class="input-group input-group-sm ">
            <span class="input-group-addon">本文链接</span>
            <input type="text" class="form-control" id="artUrl" value="{$_K['siteurl']}/index.php?do={$do}&id={$arrArtInfo['art_id']}">

          </div>
		</div>
		<div class="col-sm-2 col-xs-12 po_re">
              <button type="button" id="copy-url"  class="btn btn-default btn-sm btn-block">复制文本链接</button>
        </div>

        </div>
         <div class="col-sm-2">
          <!-- Baidu Button BEGIN -->
		      <div class="bdsharebuttonbox">
            <a href="#" class="bds_more" data-cmd="more">分享到：</a>
            <a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>
            <a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>
            <a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a>
            <a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a>
            <a title="分享到复制网址" href="#" class="bds_copy" data-cmd="copy"></a>
            <a title="分享到打印" href="#" class="bds_print" data-cmd="print"></a>
          </div>
          <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
		      <!-- Baidu Button END -->
        </div>
      </div>
      <div class="article-footer">
        <ul class="pager">
          <li class="previous"><a href="{$_K['siteurl']}/index.php?do={$do}&id={$arrArtUp['art_id']}">{$arrArtUp['art_title']}</a></li>
          <li class="next"><a href="{$_K['siteurl']}/index.php?do={$do}&id={$arrArtDown['art_id']}">{$arrArtDown['art_title']}</a></li>
        </ul>
      </div>

    </div>

  <div class="for-advertise">
    <!--{ad_show(NEWSINFO_BOTTOM)}-->
  </div>
  <!-- for-advertise end -->

  </div>

<div id="side">
    <div class="box-body site-security">
      <h2 class="min-title">诚信威客网站，服务更放心</h2>
      <ul>
          <li class="col3">
            <p>
              <span class="fa-stack fa-2x">
                <i class="fa fa-circle fa-stack-2x text-success"></i>
                <i class="fa fa-yen fa-stack-1x fa-inverse"></i>
              </span>
            </p>
            <p>担保交易</p>
          </li>
          <li class="col3">
            <p>
              <span class="fa-stack fa-2x">
                <i class="fa fa-circle fa-stack-2x text-success"></i>
                <i class="fa fa-shield fa-stack-1x fa-inverse"></i>
              </span>
            </p>
            <p>诚信保障</p>
          </li>
          <li class="col3">
            <p>
              <span class="fa-stack fa-2x">
                <i class="fa fa-circle fa-stack-2x text-success"></i>
                <i class="fa fa-user fa-stack-1x fa-inverse"></i>
              </span>
            </p>
            <p>威客认证</p>
          </li>
      </ul>
    </div>
    <!-- site-security end -->


    <div class="box-header">
      <h2 class="min-title">热门新闻</h2>
    </div>
    <div class="box-body same-type">
      <ul class="min-list">
      	{if $arrHotNews}
		{loop $arrHotNews $k $v}
        <li><a href="index.php?do=article&id=$v['art_id']" title="$v['art_title']"> $v['art_title']</a></li>
        {/loop}
		{else}
暂无数据
		{/if}
      </ul>
    </div>

    <div class="box-header">
      <h2 class="min-title">推荐服务商</h2>
    </div>
    <div class="box-body">
      <ul class="record-list img">
          {if $arrRecommShops}
          {loop $arrRecommShops $k $v}
          <li>
            <a href="index.php?do=seller&id=$v['uid']" class="avatar" title="$v['shop_name']">
              <!--{userpic($v['uid'],'middle')}-->
            </a>

            <div class="avatar-detail">
              <p class="record-list-title">
                <a href="index.php?do=seller&id=$v['uid']" title="$v['shop_name']">
                  $v['shop_name']
                </a>
              </p>
              <p class="record-list-meta">好评率 <span><!--{eval echo $v['good_rate']*100}--><sub>%</sub></span></p>
              <p>
                <span class="marked marked-tags">{$indus_p_arr[$v[indus_pid]][indus_name]}</span>
                <span class="marked marked-tags">{$indus_c_arr[$v[indus_id]][indus_name]}</span>
              </p>
            </div>
          </li>
		  {/loop}
		  {else}
暂无数据
		  {/if}

        </ul>
    </div><!-- 推荐服务商 & box-body end -->
</div><!-- side end -->



</div>






<script type="text/javascript" src="static/js/zclip/jquery.zclip.min.js"></script>
<script type="text/javascript">
document.getElementById("artUrl").value=location.href;
$(function() {
	
	$("#copy-url").zclip({
		path : 'static/js/zclip/ZeroClipboard.swf',
		copy : $('#artUrl').val(),
		beforeCopy : function() {
			$('#artUrl').offsetParent().addClass('has-info');
      		$(this).removeClass('btn-default').addClass('btn-info');
		},
		afterCopy : function() {
			$('#artUrl').offsetParent().addClass('has-success');
      		$(this).removeClass('btn-info').addClass('btn-success');
			$(this).next('.check').show();
		}
	});
});



</script>
<!--{template footer}-->
